<template>
  <div class="top">
    <input type="text" placeholder="大家都在搜“新年头像”" @click="goSerch()" />
    <span class="iconfont icon-saoyisao" id="s"></span>
    <span class="iconfont icon-sousuo" id="f"></span>
  </div>
</template>
<script>
export default {
  methods: {
    // goSerch() {
    //   this.$router.push("/seacherbox");
    // },
  },
};
</script>
<style scoped>
@import url(../../assets/font1/iconfont.css);
.top {
  width: 100%;
  height: 0.48rem;
  background-color: #ffffff;
  position: fixed;
  top: 0;
  z-index: 999;
  box-sizing: border-box;
  padding: 0.1rem 0;
  padding-left: 0.15rem;
}
.top input {
  width: 2.9rem;
  height: 0.27rem;
  font-size: 0.12rem;
  line-height: 0.27rem;
  text-indent: 2em;
  border-radius: 0.08rem;
  border: none;
  background-color: #f5f5f5;
  display: block;
  float: left;
}
.top #s {
  font-size: 0.27rem;
  color: #fa6565;
  display: block;
  float: right;
  margin-right: 0.18rem;
}
.top #f {
  position: absolute;
  top: 32%;
  left: 6%;
  font-size: 0.16rem;
}
</style>